
      /*2018.10.29   xiao 合约交易*/

    /*左侧*/
    .transaction_left{
        float: left;
        width: 29%;
        height: auto;
    }
    /*  交易品种*/
    .transaction_left .Trading_variety{
        height:460px;
        width: 100%;
        float: left;
        color:#fff;
        background-color: #0f3a5c;
        margin-bottom: 0px;
        border:none;
        padding:5px;
        overflow: auto;
    }
    /*滚动条样式*/
     .transaction_left .Trading_variety::-webkit-scrollbar{width:4px;}
     .transaction_left .Trading_variety::-webkit-scrollbar-track{background-color:#14141f;border-radius: 10px;}
     .transaction_left .Trading_variety::-webkit-scrollbar-thumb{background-color:#9b9ba2;border-radius: 10px;}
     .transaction_left .Trading_variety::-webkit-scrollbar-thumb:hover {background-color:#9b9ba2;}
     .transaction_left .Trading_variety::-webkit-scrollbar-thumb:active {background-color:#9b9ba2;}

    .transaction_left .Trading_variety .table>tbody>tr>td,
    .transaction_left .Trading_variety .table>tbody>tr>th{
        border-top: none;
        text-align: center;
    }
    .transaction_left .Trading_variety .table>tbody>tr>th{
        background-color:#0b2f4d ;
        padding:3px;
    }
    .transaction_left .Trading_variety .table>tbody>tr>td{
        font-size: 12px;
    }
    .transaction_left .Trading_variety .table>tbody>tr>td.rise{
        color:#00cf8c;
    }
      .transaction_left .Trading_variety .table>tbody>tr>td.fall{
          color:#f14d58;
      }

    /*  品种信息*/
    .transaction_left .variety_info{
        float: left;
        width: 100%;
        background-color: #0f3a5c;
        margin-top:10px;
        padding:8px;
    }
      .transaction_left .variety_info .title{
        color:#4788c0;
        line-height: 40px;
          margin-top:-8px;
      }
      .transaction_left .variety_info .info_list{
          font-size: 12px;
      }
      .transaction_left .variety_info .info_list li{
          color:#fff;
          padding:8px 0px;
          background-color: #0f3a5c;
          border-bottom: 1px solid #174268!important;
          border:none;
          margin-bottom: 0px;
          width: 100%;
          float: left;
      }
      .transaction_left .variety_info .info_list li .left_title{
          float: left;
          width: 50%;
      }
      .transaction_left .variety_info .info_list li .right_text{
          float: right;
          width: 50%;
          text-align: right;
      }

    /*右侧*/
    .transaction_right{
        float: right;
        width: 70%;
        height: auto;
    }


    /*  k线图*/
    .transaction_right .Chart{
        height:460px;
        width: 100%;
        float: left;
        background-color: #0f3a5c;
    }
    .Chart_info_top{
        border-bottom:1px solid #3b3b54;
        margin:8px 0px;
        color:#fff;
    }
      .Chart_info_top .currency_name{
          font-size: 16px;
          line-height: 35px;
      }
      .Chart_info_top .currency_name span{
          font-size: 12px;
          color:#fff;
      }
      .Chart_info_top span{
          color:#00cf8c;
      }
      .Chart_info_top .Chart_info_list{
          padding-bottom: 10px;
      }

    /*  交易信息*/
    .transaction_right .transaction_info{
        float: left;
        width: 100%;
        background-color: #0f3a5c;
        margin-top:10px;
    }
      .transaction_right .transaction_info .row{
         margin: 0px
      }
    .transaction_right .transaction_info .info_main{
        padding:10px 15px;
        color:#fff;
    }
      .transaction_right .transaction_info .info_main .list-group li{
          color:#fff;
          padding:8px 0px;
          background-color: #0f3a5c;
          border:none;
          margin-bottom: 0px;
          width: 100%;
      }
      /*涨*/
      .transaction_info .Buy_up{
          border-right: 2px dashed #346895;
      }
      .transaction_info .Buy_up .title{
          color:#00cf8c;
      }
      .transaction_info .Buy_up .active{
          background-color:#00cf8c!important;
          border:1px solid  #00cf8c!important;
      }
      .Buy_up .sum .input-group .btn{
          color:#00cf8c;
          border:1px solid  #00cf8c!important;
      }
      .Buy_up .radio{
          color:#00cf8c;
      }
      .Buy_up .xiaban{
          background-color:#00cf8c!important;
          border:1px solid  #00cf8c!important;
          padding: 8px 16px;
          font-size: 16px;
      }
    /*  跌*/
      .transaction_info .buy_minus{
          border-left: 2px dashed #092740;
      }
      .transaction_info .buy_minus .title{
          color:#f14d58;
      }
      .transaction_info .buy_minus .active{
          background-color:#f14d58!important;
          border:1px solid  #f14d58!important;
      }
      .buy_minus .sum .input-group .btn{
          color:#f14d58;
          border:1px solid  #f14d58!important;
      }
      .buy_minus .radio{
          color:#f14d58;
      }
      .buy_minus .xiaban{
          background-color:#f14d58!important;
          border:1px solid  #f14d58!important;
          padding: 8px 16px;
          font-size: 16px;
      }

     /* 交易手数*/
      .info_main .btn-group-xs{
            float: right;
      }
      .info_main .btn-group-xs .btn{
          padding: 2px 7px;
          background-color:inherit;
          color:#fff;
      }
      .info_main .Bond .btn-group-xs .btn{
          padding: 2px 14px;
      }
      .info_main .Bond p{
          width: 100%;
          font-size: 12px;
          text-align: right;
          margin-top: 4px;
      }
      /*止盈止损*/
      .info_main .stop_loss,.info_main .target_profit{
          height:58px;
          margin-bottom: 4px !important;
      }
      .info_main .sum{
          float: right;
          width: 70%;
      }
      .info_main  .sum p{
          width: 100%;
          text-align: right;
          margin-right: 23px;
          font-size: 12px;
          float: right;
      }
      /*加减计数*/
      .sum .input-group {
          float: right;
      }
      .sum .input-group .form-control{
          width: 70%;
          float: right;
          background-color: inherit;
          color:#fff;
              height: 20px;
          border:none;
      }
      .sum .input-group .btn{
          float: right;
          padding: 0px 5px;
          font-size: 12px;
          border: 1px solid #fff;
          background-color: inherit;
          min-width: 0em!important;
      }
      .sum .input-group .btn:hover{
          color:#fff;
      }
    /*  交易手续费*/
      .info_main .service_charge{
          height:50px;
          line-height: 36px;
      }
      .info_main .form-control{
          width: 60%;
          float: right;
          background-color: #062743;
          border:1px solid #1d4c74;
          color:#fff;
          text-align: center;
      }
     /* 是否过夜*/
     /* 选中*/
      .info_main .radio{
          float: right;
          height:14px;
          width: 14px;
          border:2px solid #393951;
          background-color: #1e2235;
          line-height: 6px;
          font-size: 20px;
          cursor: pointer;
      }
      .info_main .chicang{
          height:50px;
      }
      .info_main .chicang p{
          width: 100%;
          float: left;
          color:#749fc4;
          font-size: 12px;
          margin-top:-14px;
      }
      /*持仓费用*/
      .info_main .chicang_feiyong p{
          width: 60%;
          text-align: center;
          float: right;
      }


